<div class="box box-primary">
    <div class="box-header with-border">
        <h3 class="box-title"><fmt:message key="loanRequest.mainApplicant"/></h3>

        <div class="box-tools pull-right">
            <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
        </div>
        <!-- /.box-tools -->
    </div>
    <%@ include file="/common/messages.jsp" %>
    <div class="box-body">
        <div class="form-horizontal margin">
            <input type="text" name="disabled" id="isDisable" hidden value="${!editCondition}"/>
            <form:hidden path="requestPerson.id"/>
            <div class="form-group">
                <spring:bind path="loanRequest.requestPerson.name">
                <appfuse:label key="loanPerson.name" path="loanRequest.requestPerson.name"
                               styleClass="control-label col-sm-1"/>
                <div class="col-sm-2${(not empty status.errorMessage) ? ' has-error' : ''}">
                    </spring:bind>
                    <form:input cssClass="form-control" path="requestPerson.name" id="requestUser"
                                maxlength="255" disabled="${!editCondition}"/>
                    <form:errors path="requestPerson.name" cssClass="help-block"/>
                </div>
                <appfuse:label key="loanPerson.idType" path="loanRequest.requestPerson.idType"
                               styleClass="control-label col-sm-1"/>
                <spring:bind path="loanRequest.requestPerson.idType">
                <div class="col-sm-2${(not empty status.errorMessage) ? ' has-error' : ''}">
                    </spring:bind>
                    <form:select cssClass="form-control" path="requestPerson.idType" id="idType"
                                 disabled="${!editCondition}">
                        <option value=""><fmt:message key="option.select"/></option>
                        <form:options items="${availableIdTypes}" itemValue="value"
                                      itemLabel="label"/>
                    </form:select>
                    <form:errors path="requestPerson.idType" cssClass="help-block"/>
                </div>
                <appfuse:label key="loanPerson.idNo" path="loanRequest.requestPerson.idNo"
                               styleClass="control-label col-sm-1"/>
                <spring:bind path="loanRequest.requestPerson.idNo">
                <div class="col-sm-2${(not empty status.errorMessage) ? ' has-error' : ''}">
                    </spring:bind>
                    <form:input cssClass="form-control" path="requestPerson.idNo" id="idNo"
                                disabled="${!editCondition}"
                                maxlength="255"/>
                    <p class="text-danger" id="idValidate"></p>
                    <form:errors path="requestPerson.idNo" cssClass="help-block"/>
                </div>
                    <appfuse:label key="loanRequest.idExpireTime" path="loanRequest.requestPerson.dueDate"
                                   styleClass="control-label col-sm-1"/>
                    <spring:bind path="loanRequest.requestPerson.dueDate">
                    <div class="col-sm-2${(not empty status.errorMessage) ? ' has-error' : ''}">
                        </spring:bind>
                        <form:input cssClass="form-control datepicker2" path="requestPerson.dueDate"
                                    disabled="${!editCondition}"
                                    id="dueDate"
                                    maxlength="255"/>
                        <form:errors path="requestPerson.dueDate" cssClass="help-block"/>
                    </div>
            </div>
        </div>
    </div>
</div>
